Pierwszą rzeczą, jakiej potrzebujemy, to odpowiedzi na kilka pytań:
Dla testowego pakietu określamy następujące wymagania:
Jako prototyp zostanie wykorzystany następujący obrazek (znaleziony tutaj):
Do dzieła!
I od razu - stop! Po pierwsze, należy pamiętać, że ikon jest dużo! I każda z nich - ma dużo rozmiarów! A to oznacza, że trzeba będzie wykonać ogrom nudnej, monotonnej pracy.
Tak więc najpierw należy pomyśleć o tym, jak maksymalnie zautomatyzować cały proces i wykluczyć z niego rutynę. Praktyka pokazuje, że lepiej spędzić tydzień na planowaniu automatyzacji procesu, niż trzy na powtarzaniu tych samych czynności. Ponieważ pod koniec pierwszego dnia będziesz po cichu nienawidzić swojego pakietu ikon i będziesz marzył o jego zakończeniu.
Potrzebne będą następujące programy:
Programy były dobierane w taki sposób, aby były dostatecznie intuicyjne i maksymalnie automatyzowały cały proces. W rezultacie wybór padł na następujące programy:
W procesie myślowym zostały określone zadania, które są rutynowe, ale mogą być zautomatyzowane:
Photoshop posiada doskonałe narzędzie, które pozwala na zapisanie obrazu jako zbioru fragmentów. Jest to Plik -> Zapisz dla Web. Oto jak to działa. Najpierw za pomocą instrumentu "Odcięcie" na obrazku wydzielamy obszary, które będą odpowiadać wielkości ikon:
Następnie, właściwie wykonujemy polecenie Plik -> Zapisz dla Web. W oknie, które się pojawi, dla każdego wcześniej wykrojonego fragmentu ukazuje się format "PNG-24":
W oknie zapisu wybieramy "tylko obrazy" i "tylko niestandardowe elementy"; przy okazji, nazwa pliku zazwyczaj nie jest zachowywana, tak więc można ją wpisać dowolnie:
W efekcie czego, po zapisaniu w podfolderze "images" znajdziemy wszystkie wymagane obrazy, gotowe do zaimportowania do ikony. Pierwszy punkt został wykonany!
Planowane dwie następujące różnice ikon: kolor i rozszerzenie.
Do szybkiej zmiany koloru w Photoshop'ie zostanie użyte dopasowanie warstwy z maskami ("odcień koloru/nasycenie" i "poziomy").
Ale z rozszerzeniami nie jest to już takie proste: jeśli z większymi rozmiarami jest wszystko w porządku, to dla mniejszych rozmiarów rozszerzenia należy rysować piksel po pikselu, aby one były precyzyjne. Lub można korzystać ze specjalnych czcionek. Szukają w Internecie znalazłem dwie poprawne czcionki: Munro i Wendy. Tak więc oba aspekty szybkiego tworzenia nowej ikony z już istniejących zostały zautomatyzowane.
Tutaj jest wszystko proste: Microangelo Studio obsługuje importowanie obrazów bez żadnych dodatkowych pytań, jeśli te obrazki zostaną na niego przeciągnięte. Co więcej, można przeciągnąć wszystkie obrazy jednocześnie. Jedyny mankament - zapisywanie do nowego pliku nie ma skrótu klawiaturowego, a zatem trzeba to wykonać za każdym razem za pośrednictwem menu głównego.
Najpierw został narysowany sam duzy rozmiar. Okazał się bardzo podobny, chociaż tło zostało użyte nieco inne:
Następnie kopie wszystkich warstw ikony połączymy i pomniejszymy do nowego rozmiaru docelowego, np. do 96х96. Uzyskany obraz został wykorzystany jako substrat do rysowania pomniejszonego rozmiaru. Dodatkowo elementy zostały dostosowane tak, aby było widać wyraźne granice. Nawet jeśli to nie pasuje do wizerunku jego "starszego brata".
Ostatecznie zostały narysowane wszystkie rozmiary. Dla rozmiaru 16х16 nie działa dodawanie rozszerzenia, więc trzeba zrobić to bez niego:
Następnie, aby szybko zmienić barwę ikony, dodajemy dopasowanie warstw-filtrów z maski rastrowej:
Na tym tworzenie rozmiarów ikon (źródła) jest zakończone. Znajdują się w nim wszystkie rozmiary, automatyczne rozszerzenie i cień, wszystko wygląda elegancko.
Ikony list odtwarzania i audio tworzymy w podobny sposób.
Po zapisaniu w folderze Images obrazków ikony we wszystkich rozmiarach, wykonujemy następującą sekwencję działań:
Po wszystkich manipulacjach do zapisu ikony korzystamy z "Save As" (z nazwą żądanego rozszerzenia, aby uniknąć pomyłek).
Uwaga: Spis właściwych rozmiarów ma ograniczenie w rozmiarze podglądu do 48х48 pikseli. Dlatego widać tu wyraźnie co byłoby, gdybyśmy przy tworzeniu małych rozmiarów zdecydowali się na zwykła zmianę rozmiaru.
Wreszcie nadszedł moment, gdy zaczynają dla nas pracować wszystkie nasze automatyzacje. Aby utworzyć następne ikony wymaganych jest pięć prostych kroków:
Tak więc, każda ikona zajmie nam maksymalnie minutę. A to tylko dlatego, że trzeba dobrać kolor ikony. W rezultacie, w ciągu 15-20 minut wszystkie ikony będą zapisane i gotowe do następnego etapu.
Tworzenie biblioteki ikon wykonujemy następująco:
W rezultacie tego, biblioteka ikon przybrała następujący widok:
UWAGA: dla wygody i funkcjonalności pierwsze trzy są typami ikon, następne - ikonami w postaci rozszerzeń, w których znajdą się one w rodzajach plików Light Alloy. Taka organizacja nie jest wymagana, ale znacznie ułatwia życie w kolejnych etapach. Nie zapomnij o zerowej ikonie!
Plik opisu tworzony jest zgodnie z zasadami przedstawionymi w teorii tworzenia ikon dla Light Alloy.
<?xml version="1.3"?> <ICONLIB> <AUTHOR name="Gilorn" email="" homepage="http://www.light-alloy.ru" comments="16x32x48x96x256 (RGB + alpha)"/> <ICONS> <ICON id="0" ext="3GP,ASF,AVS,EVO,BIK,TP,QT,RM,RMVB,RV,TS,WEBM,WTV,DVR-MS"/> <!-- video --> <ICON id="1" ext="AIF,AIFC,AIFF,APE,AT3,AU,CDA,DTS,KAR,M4A,MID,MIDI,MKA,MOD,MP1,MP2,MPA,MPC,OMA,RA,RAM,RMI, SND,AMR,AOB,IT,MO3,S3M,WV,XM,OPUS,TAK"/> <!-- audio --> <ICON id="2" ext="ASX,BDMV,IFO,LST,MPLS,PLS"/> <!-- playlist --> <ICON id="3" ext="LAP"/> <ICON id="4" ext="CUE"/> <ICON id="5" ext="M3U,M3U8"/> <ICON id="6" ext="AVI,DIVX"/> <ICON id="7" ext="MPE,MPEG,MPG,MPV,VOB,MTS,M2TS,M1V,M2V"/> <ICON id="8" ext="MKV"/> <ICON id="9" ext="F4V,FLV"/> <ICON id="10" ext="MP4,M4V"/> <ICON id="11" ext="HDMOV,MOV"/> <ICON id="12" ext="OGM,OGX,OGV"/> <ICON id="13" ext="WM,WMV"/> <ICON id="14" ext="AAC"/> <ICON id="15" ext="AC3"/> <ICON id="16" ext="FLAC"/> <ICON id="17" ext="MP3"/> <ICON id="18" ext="OGG"/> <ICON id="19" ext="WAV"/> <ICON id="20" ext="WMA"/> </ICONS> </ICONLIB>
Następująca linia (i podobne) "<!-- video -->" jest komentarzem, który pozwala na robienie notatek na własny użytek i jest ignorowana podczas przetwarzania pliku w programach.
Efektem naszej pracy jest świeża paczka ikon. Pozostaje tylko sprawdzić, czy nazwa pliku opisu i biblioteki ikon jest zgodna, i to wszystko!